<template>
  <div class="swiper-container">
    <div class="swiper-wrapper">
      <div class="swiper-slide">
        <img src="./images/pic1.jpg">
      </div>
      <div class="swiper-slide">
        <img src="./images/pic2.jpg">
      </div>
      <div class="swiper-slide">
        <img src="./images/pic3.jpg">
      </div>
      <div class="swiper-slide">
        <img src="./images/pic4.jpg">
      </div>
      <div class="swiper-slide">
        <img src="./images/pic5.jpg">
      </div>
      <div class="swiper-slide">
        <img src="./images/pic6.jpg">
      </div>
      <div class="swiper-slide">
        <img src="./images/pic7.jpg">
      </div>
      <div class="swiper-slide">
        <img src="./images/pic8.jpg">
      </div>
      <div class="swiper-slide">
        <img src="./images/pic9.jpg">
      </div>
    </div>
    <!-- 如果需要分页器 -->
    <div class="swiper-pagination"></div>
  </div>
</template>

<script>
export default {
  name: 'Banner'
};
</script>

<style lang="scss">
@import "../../styles/common/px2rem.scss";
@import "./index.scss";
</style>
